<!DOCTYPE html>
<html lang="en">

<head>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<meta charset="utf-8" />
	<title>Blank Page - Ace Admin</title>

	<meta name="description" content="" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
	<link rel="stylesheet" href="./assets/css/bootstrap.css" />
	<link rel="stylesheet" href="./assets/css/font-awesome.css" />
	<link rel="stylesheet" href="./assets/css/ace-fonts.css" />
	<link rel="stylesheet" href="./assets/css/ace.css" class="ace-main-stylesheet" id="main-ace-style" />
	<link rel="stylesheet" href="app/app.css">
	<script src="./assets/js/ace-extra.js"></script>
</head>

<body class="no-skin">
	<div class="main-container ace-save-state" id="main-container">
		<div class="main-content">
			<div class="main-content-inner">
				<div class="page-content">
					<!-- PAGE CONTENT BEGINS -->
					<div class="page-container">
						<div class="row">

							<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
								<!-- 轮播图 -->
								<div id="carousel-id" class="carousel slide" data-ride="carousel">
									<ol class="carousel-indicators">
										<!-- 这里以下进行遍历，第一个必须为.active状态 data-slide-to属性从0开始。-->
										<li data-target="#carousel-id" data-slide-to="0" class="active"></li>
										<li data-target="#carousel-id" data-slide-to="1" class=""></li>
										<li data-target="#carousel-id" data-slide-to="2" class=""></li>
										<!-- 遍历结束 -->
									</ol>
									<div class="carousel-inner">
										<!-- 这里以下进行遍历，第一个必须为.active状态 -->
										<div class="item active">
											<img alt="First slide" src="./assets/images/960x240.png">
										</div>
										<div class="item">
											<img alt="Second slide" src="./assets/images/960x240.png">
										</div>
										<div class="item">
											<img alt="Third slide" src="./assets/images/960x240.png">
										</div>
										<!-- 遍历结束 -->
									</div>
								</div>
								<!-- 轮播图结束-->
							</div>

							<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
								<!-- 滚动文字广告 -->
								<div class="broadcast-container">
									<img src="./assets/images/broadcast.png" alt="" class="broadcast-logo">
									<div class="swiper_wrap">
										<ul class="font_inner">
											<!-- 这里开始遍历 -->
											<li>
												<a href="###">1调用两条新闻并设定时间上下切换（切换时间3秒）</a>
											</li>
											<li>
												<a href="###">2调用两条新闻并设定时间上下切换（切换时间3秒）</a>
											</li>
											<li>
												<a href="###">3调用两条新闻并设定时间上下切换（切换时间3秒）</a>
											</li>
											<li>
												<a href="###">4调用两条新闻并设定时间上下切换（切换时间3秒）</a>
											</li>
											<!-- 遍历结束 -->
										</ul>
									</div>
								</div>
								<!-- 滚动文字广告结束 -->
							</div>

							<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
								<!-- 个人栏 -->
								<div class="my-info-container">
									<div class="message col-xs-7 col-md-7 col-sm-7 col-lg-7 text-center">欢迎您，apiao | 有
										<span class="message__hight-light text-danger">3</span> 笔资金待审批
										<a href="#" class="check-link">立即审批</a>
									</div>
									<div class="my-btn-group col-xs-12 col-md-5 col-sm-5 col-lg-5">
										<a href="#" class="my-btn my-btn__blue">新建资金</a>
										<a href="#" class="my-btn my-btn__green">新建资产</a>
									</div>
								</div>
								<!-- 个人栏结束 -->
							</div>
							<!-- 新闻中心 -->
							<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
								<div class="news-center">
									<div class="news-center-head">
										<p class="title text-center">新闻中心</p>
									</div>
									<div class="news-center-body">
										<!-- 按钮组 -->
										<div class="news-type-btns text-center" id="types-btns">
										</div>
										<!-- 按钮组 -->
										<!-- 内容列表 -->
										<ul class="news-center-list row" id="news-center-list">
										</ul>
										<!-- 内容列表 -->
										<nav aria-label="Page navigation" class="text-center paginate">
											<!-- 分页器 -->
											<ul class="pagination" id="pagination"></ul>
											<!-- 分页器结束 -->
										</nav>
									</div>
								</div>
							</div>
							<!-- 新闻中心结束 -->

						</div>
						<!-- /.row -->
					</div>
					<!-- PAGE CONTENT ENDS -->
				</div>
				<!-- /.page-content -->
			</div>
			<!-- /.main-content-inner -->
		</div>
		<!-- /.main-content -->
	</div>
	<!-- /.main-container -->
	
	<script type="text/html" id="news-center-list-item-template">
		{{if data.length == 0}}
		<li class="news-center-list-item col-xs-12 text-center">
				暂无数据
			</li>
		{{else}}
		{{each data item key}}
		<li class="news-center-list-item col-xs-6">
				<a href="{{item.link}}">
					<div class="date">{{item.date}}</div>
					<div class="title">
						<p>{{item.title}}</p>
					</div>
					<p class="desc">{{item.desc}}</p>
				</a>
			</li>
		{{/each}}
		{{/if}}
	</script>
	<script type="text/html" id="pagination-template">
		{{if page > 1}}
		<li>
			<a href="javascript:void(0);" aria-label="Previous" class="perv">
				<span aria-hidden="true">&laquo;</span>
			</a>
		</li>
		{{else}}
		<li class="disabled">
			<a href="javascript:void(0);" aria-label="Previous" class="">
				<span aria-hidden="true">&laquo;</span>
			</a>
		</li>
		{{/if}}
		{{each arr}}
		{{if page == ($index + 1)}}
		<li class="active">
			<a href="javascript:void(0);" class="page current">{{$index + 1}}</a>
		</li>
		{{else}}
		<li>
			<a href="javascript:void(0);" class="page" data-page="{{$index + 1}}">{{$index + 1}}</a>
		</li>
		{{/if}}
		{{/each}}
		{{if page < totalPage}}
		<li>
			<a href="javascript:void(0);" aria-label="Next" class="next">
				<span aria-hidden="true">&raquo;</span>
			</a>
		</li>
		{{else}}
		<li class="disabled">
			<a href="javascript:void(0);" aria-label="Next" class="">
				<span aria-hidden="true">&raquo;</span>
			</a>
		</li>
		{{/if}}
		
	</script>
	<script type="text/html" id="type-btn-template">
		<a href="javascript:void(0)" class="news-btn {{type == 0 ? 'active' : ''}}" data-type=0>全部</a>
		<a href="javascript:void(0)" class="news-btn {{type == 1 ? 'active' : ''}}" data-type=1>行业动态</a>
		<a href="javascript:void(0)" class="news-btn {{type == 2 ? 'active' : ''}}" data-type=2>业务荟萃</a>
	</script>

	<!-- ace jquery and bootstrap -->
	<script src="./assets/js/jquery.js"></script>
	<script src="./assets/js/bootstrap.js"></script>
	<script src="./assets/js/ace.js"></script>
	<!-- my extra js -->
	<script src="./assets/js/artTemplate.js"></script>
	<script src="./app/js/app.js"></script>
	<script src="./app/js/page/newsList.js"></script>
</body>


</html>